<template>
  <div>
    <b-navbar toggleable="md" variant = 'dark'  type = 'dark' fixed="top">

        <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
        <b-navbar-brand  href="#">
          <div>
            &nbsp;&nbsp;&nbsp;&nbsp;厦门市服务外包信息安全技术公共服务平台
          </div>
        </b-navbar-brand>
        <b-collapse is-nav id="nav_collapse">
        <b-navbar-nav>

          <b-nav-item to="/"><span class="textwhite">首页</span></b-nav-item>
          <b-nav-item href="#"><span class="textwhite">政策法规</span></b-nav-item>
          <b-nav-item href="#"><span class="textwhite">行业动态</span></b-nav-item>
          <b-nav-item href="#"><span class="textwhite">提供服务</span></b-nav-item>
          <b-nav-item href="#"><span class="textwhite">论坛</span></b-nav-item>
          <b-nav-item href="#"><span class="textwhite">简介</span></b-nav-item>
          <b-nav-item href="#"><span class="textwhite">联系我们</span></b-nav-item>
        </b-navbar-nav>
        <!-- Right aligned nav items -->

      </b-collapse>
     
    </b-navbar>
    
  </div>
</template>

<script>
  export default {
  }
</script>

<style type="text/css">
  .textwhite{
    color: white;
  }
  .textwhite:hover {color:#00FFFF;}
  .headicon{
    width: 30%;
    height: 60%;
    text-align:center;
  }
</style>
